<template>
<van-search 
		shape="round"
		v-model="value"
		placeholder="请输入搜索关键词"
		@search="onSearch"
		@cancel="onCancel">
	</van-search>
		<home-swiper></home-swiper>
		<home-grid></home-grid>
		<home-product></home-product>
		<home-new></home-new>
		<home-top></home-top>
</template>



<script setup>
import { ref } from 'vue'
import { showToast  } from 'vant';
import HomeSwiper from '../components/HomeSwiper.vue'
import HomeGrid from '../components/HomeGrid.vue'
import HomeProduct from '../components/HomeProduct.vue';
import HomeNew from '../components/HomeNew.vue';
import HomeTop from '../components/HomeTop.vue';



const value = ref('')
const onSearch = val=>showToast(val)
const onCancel = () => showToast(取消)
</script>